<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Angular</title>
		<link rel="stylesheet" type="text/css" href="./CSS/new.css"/>
		<style type="text/css">
			.div-class1{
				width: 500px;
				background-color: coral;
				height: 500px;
				border: 2px;
			}
		</style>
	</head>
	<body>
		<h1>Test</hi>
		<div id="" class="div-class1" style="background-color: aqua;">
		</div>
		<p>由此可以看出，优先级判定为内联样式 > 内部样式表 > 外部样式表 ， 但是有!important标记的样式起决定作用</p>
	</body>
</html>
